<template>
  <div id="app">
      <Header></Header>
<!--    路由组件出口的地方-->
    <router-view>

    </router-view>
<!--   在首页和搜索显示 第一种方案-->
<!--      <Footer v-show="PanDuan"></Footer>-->
<!--    第二种是结合路由元meta-->
    <Footer v-show="$route.meta.show"></Footer>
  </div>
</template>

<script>
import Header from "@/components/Header";
import Footer from "@/components/Footer";

export default {
  name: 'App',
  components:{
    Header,
    Footer
  },
  mounted() {
    //  通知Vuex发请求，获取数据(放在app组件中只会执行一次),需要用数据，找仓库要
    this.$store.dispatch('categoryList')
  }


}
</script>

<style>

</style>
